$(function () {
  // console.log(11);
  /* 
  1、发起ajax请求，获取数据
  2、判断请求成功与否
  3、如果成功，将数据渲染都表单中
  */
  function getUserList() {
    $.ajax({
      url: "/my/userinfo",
      success: function (res) {
        // 2、判断请求成功与否
        const { status, message, data } = res;
        if (status !== 0) return layer.msg(message, { icon: 5 });
        //3、如果成功，将数据渲染都表单中
        layui.form.val("formUserInfo", data);
      }
    });
  }
  getUserList();

  //功能二
  /* 
  给表单注册submit提交事件
  阻止表单默认提交行为
  收集表单数据
  对表单做校验
  发起ajax请求，提交给服务器
  判断成功与否
  如果成功，同步修改index.html中的用户昵称
  */

  //对昵称做校验
  layui.form.verify({
    uname: [/^[\S]{1,5}$/, "昵称只能是1~5个非空字符"]
  });
  //给表单注册submit提交事件
  $(".layui-form").on("submit", function (e) {
    e.preventDefault();
    //收集表单数据
    const data = $(this).serialize();
    console.log(data);
    //发起ajax请求，提交给服务器
    $.ajax({
      method: "post",
      url: "/my/userinfo",
      data,
      success: function (res) {
        // 判断成功与否
        const { status, message } = res;
        if (status !== 0) return layer.msg(message, { icon: 5 });
        layer.msg(message, { icon: 6 });
        //如果成功，同步修改index.html中的用户昵称
        console.log(window.parent);
        window.parent.getuserInfo();
        // console.log( window.parent.getUserInfo);
      }
    });
  });

  //功能三
  /* 
  给重置按钮添加点击事件
  阻止默认行为
  再次调用函数
  */
  $("#btnReset").on("click", function (e) {
    //  阻止默认行为
    e.preventDefault();
    //再次调用函数
    getUserList();
  });
});
